// stylelint-disable unit-disallowed-list

post-view
	display flex

// Side bar

.edit
	.search-tag
		display none

.col-title
	padding 1rem
	cursor pointer

side-bar:not(.edit)
	.edit-tag
		display none

.tag-list
	padding-left 2rem
	list-style decimal

tag-item
	display block

.show-order>tag-item
	display list-item

side-bar
	width 25%

	h2
		font-size 1.25em

// Main content

#post
	position absolute
	z-index 2
	cursor zoom-out

#post.fit-size
	max-width 75dvw
	max-height 75dvh
	cursor zoom-in

#post-info
	dt:after
		content ":"
	dd
		margin 0
		margin-inline-start 1em
		overflow-x auto

post-thumb
	display inline-block
	margin 0.5rem
	border-width 0.125rem

	&.selected
		box-shadow 0 0 3px 2px rgb(229, 151, 0)

	img
		width 192px
		height 108px

// icon
i
	display inline-block
	width 1.5rem
	height 1.5rem

.icon-search
	background embedurl("./search.svg", "utf8") no-repeat

.icon-info
	background embedurl("./info.svg", "utf8") no-repeat

.icon-tag
	background embedurl("./tag.svg", "utf8") no-repeat

.icon-add:after
	content "\271A"

tag-item>a>mark
	background #ffa

.auto-complete
	display none
	list-style decimal

	@apply absolute z-10 rounded-box pl-8 py-4 bg-white shadow-lg

	.active
		background #eee
